iPhoneJS.transition = {
	bind:function(context){
		itens = context[0].getElementsByTagName("a");
		for(i = 0; i<itens.length;i++)
			itens[i].addEventListener("click",function(e){iPhoneJS.transition.click(e,context);}, false);
	},
	click:function(e,context){
		e.target.className = e.target.className + " selected";
		this.load(e.target.href, context)
		e.preventDefault();
		return false;
	},
	load:function(url, context){
		$.ajax({
			type:"GET",
			url:url, 
			data:{}, 
			success: function(data){
				iPhoneJS.transition.slide(data,context);
			}, 
			error:function(e){
				// TODO
				alert(e);
			}
		})
	},
	slide:function(content, context){
		
		var page, newpage;
		
		context[0].innerHTML = "<div style='width:50%;float:left;'>"+context[0].innerHTML+"</div>";
		context.attr("style","width:200%");
		
		page = context[0].firstChild;
		newpage = page.cloneNode(true);
		newpage.innerHTML = content;
		
		page.parentNode.insertBefore( newpage, page.nextSibling );
		
		context.webkit("duration","1s");
		context.webkit("transform","translate(-320px,0)");
		
		context.addEventListener('webkitTransitionEnd', function(e){iPhoneJS.transition.slideEnd(e,context);} , false);

		setTimeout(function() {
			
		}, 1000);
	},
	slideEnd:function(e, context){
		
	}
}


iPhoneJS.fn.extend({
	transition : function(args){
		iPhoneJS.transition.bind(this);
 	}
 });